<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
<meta charset="utf-8" />
<title>个人blog首页</title>
<meta name="keywords" content="个人博客模板,博客模板,响应式" />
<meta name="description" content="如影随形主题的个人博客模板，神秘、俏皮。" />
<link href="../static/h5css/base.css" th:href="@{/h5css/base.css}"
	rel="stylesheet" />
<link href="../static/h5css/css/index.css" th:href="@{/h5css/index.css}"
	rel="stylesheet" />
<link href="../static/h5css/css/media.css" th:href="@{/h5css/media.css}"
	rel="stylesheet" />
<meta name="viewport"
	content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
</head>
<body>
	<div class="ibody">
		<header>
			<h1>木秀猿林</h1>
			<h2>影子是一个会撒谎的精灵，它在虚空中流浪和等待被发现之间;在存在与不存在之间....</h2>
			<div class="logo">
				<a href="/"></a>
			</div>
			<nav id="topnav">
				<a href="/">首页</a> <a href="/allworks">作品展示</a> <a
					href="/career">职业生涯</a> <a href="/articlelist">所有文章</a> <a
					href="/about">关于我</a>
			</nav>
		</header>
		<article>
			<div class="banner">
				<ul class="texts">
					<p>The best life is use of willing attitude, a happy-go-lucky
						life.</p>
					<p>最好的生活是用心甘情愿的态度，过随遇而安的生活。</p>
				</ul>
			</div>
			<div class="bloglist">
				<h2>
					<p>
						<span>推荐</span>文章
					</p>
				</h2>
			</div>
		</article>
		<aside>
			<div class="avatar">
				<a href="/about"><span>关于自己</span></a>
			</div>
			<div class="topspaceinfo">
			</div>
			<div class="about_c">
				<p id="usernickname">
					网名：<span></span>
				</p>
				<p id="useroccupation">
					职业：<span></span>
				</p>
				<p id="userarea">
					籍贯：<span></span>
				</p>
				<p id="userphone">
					电话：<span></span>
				</p>
				<p id="useremail">
					邮箱：<span></span>
				</p>
			</div>
			<div class="bdsharebuttonbox">
				<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a
					href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a
					href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a
					href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a
					href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a
					href="#" class="bds_more" data-cmd="more"></a>
			</div>
			<div class="tj_news">
				<h2>
					<p class="tj_t1">最新文章</p>
				</h2>
				<ul id="newarticles">
				</ul>
				<h2>
					<p class="tj_t2">推荐文章</p>
				</h2>
				<ul id="recommendarticle">
				</ul>
			</div>
			<div class="links">
				<h2>
					<p>友情链接</p>
				</h2>
				<ul>
					<li><a href="/">杨青个人博客</a></li>
					<li><a href="/">3DST技术社区</a></li>
				</ul>
			</div>
			<div class="copyright">
				<ul>
					<p>
						Design by <a href="/">DanceSmile</a>
					</p>
					<p>蜀ICP备11002373号-1</p>
				</ul>
			</div>
		</aside>
		<script src="../static/h5js/silder.js" th:src="@{/h5js/silder.js}"></script>
		<script src="../../static/jquery/2.1.4/jquery-2.1.4.min.js"
			th:src="@{/js/jquery.min.js}"></script>
		<script type="text/javascript" th:inline="javascript">
			/*<![CDATA[*/
			$(document).ready(function() {
				//获取文章列表显示
				$.get("/getallarticle", function(result) {
					if (result != null) {
						$.each(result, function(key, obj) {
							$(".bloglist").append('<div class="blogs"><h3><a href="/newdetail/'+obj.id+'">'
									+ obj.articleName
									+ '</a></h3><figure><img src="/getfilebyname/?filename='
									+ obj.articleIcon
									+ '" /></figure><ul><p>'
									+ obj.articleAbstract
									+ '</p><a href="/newdetail/'+obj.id+'" target="_blank" class="readmore">阅读全文&gt;&gt;</a></ul><p class="autor"><span>作者：'
									+ obj.user.nickName
									+ '</span><span>分类：【<a href="/">'
									+ obj.articleType.typeName
									+ '</a>】</span><span>浏览（<a href="/">'+obj.readnum+'</a>）</span><span>评论（<a href="/">30</a>）</span></p><div class="dateview">'
									+ obj.regTime
									+ '</div></div>');
						});
					}
				});
				//获取一个用户的详细信息
				$.get("/getoneuser/1", function(result) {
					if(result != null){
						$(".texts").html(result.userMotto);
						$(".topspaceinfo").html(result.userIntroduce);
						$("#usernickname span").html(result.nickName);
						$("#useroccupation span").html(result.occupation);
						$("#userarea span").html(result.area);
						$("#userphone span").html(result.phone);
						$("#useremail span").html(result.email);
					}
				});
				//获取最新文章
				$.get("/getallnewarticle",function(result){
					if(result != null){
						var html = "";
						$.each(result,function(key,value){
							html += "<li><a href='/newdetail/"+value.id+"'>"+value.articleName+"</a></li>";
						});
						$("#newarticles").html(html);
					}
				});
				//获取推荐文章
				$.get("/getrecommendarticle",function(result){
					if(result != null){
						var html = "";
						$.each(result,function(key,value){
							html += "<li><a href='/newdetail/"+value.id+"'>"+value.articleName+"</a></li>";
						});
						$("#recommendarticle").html(html);
					}
				});
			});
			/*]]>*/
		</script>
		<div class="clear"></div>
		<!-- 清除浮动 -->
	</div>
</body>
</html>
